#{extends 'main.html' /}
#{set title:'Notice' /}


<table width="985" border="0" cellspacing="0" cellpadding="0">
 <!-- 컨텐츠 전체 테이블 시작--> 

      <tr>
        <td width="20"><img src="@{'/public/images/sapce3.png'}" alt="" width="20" height="18" /></td>
        <td width="155" rowspan="3" valign="top"><img src="@{'/public/images/sub_title15.png'}" alt="" width="155" height="62" /></td>
        <td colspan="2">&nbsp;</td>
      </tr>
      <tr>
        <td background="@{'/public/images/main_top_bar.png'}"><img src="@{'/public/images/main_top_bar.png'}" alt="" width="6" height="6"></td>
        <td colspan="2" background="@{'/public/images/main_top_bar.png'}"></td>
      </tr>
      <tr>
        <td><img src="@{'/public/images/sapce4.png'}" alt="" width="20" height="38" /></td>
        <td width="35" class="table2">
         </td>
        <td width="775" class="table2">
        
        
<table width="670" border="0" cellspacing="0" cellpadding="0">
<!-- 컨텐츠 레이아웃 테이블 시작 -->

          <tr>
            <td><p>&nbsp;</p>
            
<table width="670" border="0" cellspacing="0" cellpadding="0">
<!-- 컨텐츠 타이틀 및 검색 레이아웃 테이블 시작 -->

                <tr>
                  <td width="325" height="40"><img src="@{'/public/images/title_press.png'}" alt="" width="325" height="89"></td>
                  <td width="345" align="right" valign="top" background="@{'/public/images/list_title03.png'}" class="style2" style="padding-top:10px; padding-right:20px">
                  
                  
<table width="230" border="0" cellspacing="0" cellpadding="0">
 <!-- 검색 시작 -->

                    <tr>
                      <td><select name="select">
                        <option>작성자</option>
                        <option selected>제목</option>
                        <option>내용</option>
                      </select></td>
                      <td><input name="textfield2" type="text" class="formbox" size="15"></td>
                      <td width="50"><img src="@{'/public/images/search.png'}" alt="" width="43" height="18" border="0" align="absmiddle"></td>
                    </tr>
                    
<!-- 검색 끝 -->                    
</table>                    
                    </td>
                </tr>
                <tr>
                  <td><img src="@{'/public/images/list_title02.png'}" alt="" width="325" height="4"></td>
                  <td><img src="@{'/public/images/list_title04.png'}" alt="" width="345" height="4"></td>
                </tr>
                
<!-- 컨텐츠 타이틀 및 검색 레이아웃 테이블 시작 -->                
</table>
              </td>
          </tr>
          <tr>
            <td>
            
            
<table width="670" border="0" cellspacing="0" cellpadding="0">
<!-- 리스트 시작-->

                <tr>
                  <td width="3" bgcolor="fb7d00"></td>
                  <td width="52" align="center" background="@{'/public/images/list_bar_bg.png'}"><img src="@{'/public/images/list_no.png'}" alt="" width="13" height="26"></td>
                  <td width="469" align="center" background="@{'/public/images/list_bar_bg.png'}"><img src="@{'/public/images/list_subject.png'}" alt="" width="42" height="26"></td>
                  <td width="94" align="center" background="@{'/public/images/list_bar_bg.png'}"><img src="@{'/public/images/list_date.png'}" alt="" width="24" height="26"></td>
                  <td width="51" align="center" background="@{'/public/images/list_bar_bg.png'}"><img src="@{'/public/images/list_hit.png'}" alt="" width="14" height="26"></td>
                </tr>
                <!-- 반복되는 부분 시작 -->
                #{list items:articles, as:'article'}
                <tr>
                  <td bgcolor="fb7d00"></td>
                  <td height="30" align="center" class="style2">1</td>
                  <td class="style2" style="padding-left:6px;"><a class="style2" style="padding-left:6px;" href="/bbs/notice/view/${article.id}">${article.title}</a><img src="@{'/public/images/icon_new.png'}" alt="새글" width="35" height="13" border="0" align="absmiddle"></td>
                  <td align="center" class="not_list">${article.createdDateTime?.format("yyyy-MM-dd")}</td>
                  <td align="center" class="not_list">${article.hitCount}</td>
                </tr>
                <tr bgcolor="E9E9E9">
                  <td height="1" bgcolor="fb7d00"></td>
                  <td height="1" colspan="4" bgcolor="E9E9E9"></td>
                </tr>
    			#{/list}            	
                <!-- 반복되는 부분 끝 -->
<!-- 리스트 끝-->
</table>
              
              </td>
          </tr>
          <tr>
            <td><img src="@{'/public/images/list_bottom.png'}" alt="" width="670" height="4"></td>
          </tr>
          <tr>
            <td>
              

<table width="670" border="0" cellspacing="0" cellpadding="0">
<!-- bottom 시작-->
              
                <tr>
                  <td width="4"></td>
                  <td width="613" height="35" align="center" class="noti3"><img src="@{'/public/images/button_page_prev1.png'}" alt="" width="8" height="8" border="0" align="absmiddle">&nbsp;<img src="@{'/public/images/button_page_prev2.png'}" alt="" width="4" height="8" border="0" align="absmiddle">&nbsp;&nbsp;&nbsp;<span class="text01">01&nbsp;&nbsp; 02 &nbsp;&nbsp;03&nbsp;&nbsp; 04&nbsp;&nbsp; 05&nbsp;&nbsp; 06&nbsp;&nbsp; 07&nbsp;&nbsp; 08&nbsp;&nbsp; 09&nbsp;&nbsp; 10</span>&nbsp;&nbsp;&nbsp;&nbsp;<img src="@{'/public/images/button_page_next1.png'}" alt="" width="4" height="8" border="0" align="absmiddle">&nbsp;<img src="@{'/public/images/button_page_next2.png'}" alt="" width="8" height="8" border="0" align="absmiddle">
                  #{verbatim}${pager.html}#{/verbatim}</td>
                  <td width="53"><img src="@{'/public/images/button_write_write.png'}" width="43" height="18" alt="글쓰기" border="0" align="absmiddle"></td>
                </tr>

<!-- bottom 끝-->
</table>
              
              </td>
          </tr>
          <tr> </tr>
          
 <!-- 컨텐츠 레이아웃 테이블 끝 -->
</table>

</td>
      </tr>
      <tr>
        <td colspan="4">&nbsp;</td>
        </tr>
    
 <!-- 컨텐츠 전체 테이블 끝--> 
</table>